<!DOCTYPE html>

<head>
<meta charset="utf-8">
<title>DKU Indonesia - Recruitment, Outsourcing, HR Consulting & Training</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/style.css" media="screen"/>
<link rel="stylesheet" id="main-color" href="css/colors/orange-color.css" media="screen"/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/prettyPhoto.css" media="screen"/>
<link rel="stylesheet" href="css/font-awesome/font-awesome.min.css" media="screen"/>
<link rel="stylesheet" href="css/layer-slider.css" media="screen"/>
<link rel="stylesheet" href="css/flexslider.css" media="screen"/>
<link rel="stylesheet" href="css/fontello/fontello.css" media="screen"/>
<!-- All JavaScript Files (Remove those you will not use)-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- JQUERY JS FILE -->
<script type="text/javascript" src="js/flex-slider.min.js"></script>
<!-- FLEX SLIDER JS FILE -->
<script type="text/javascript" src="js/navigation.min.js"></script>
<!-- MAIN NAVIGATION JS FILE -->
<script type="text/javascript" src="js/jquery.layerslider.js"></script>
<!-- LAYER SLIDER JS FILE -->
<script type="text/javascript" src="js/layerslider.transitions.js"></script>
<!-- LAYER SLIDER TRANSITIONS JS FILE -->
<script type="text/javascript" src="js/map.min.js"></script>
<!-- GOOGLE MAP JS FILE -->
<script type="text/javascript" src="js/jquery.theme.plugins.min.js"></script>
<!-- TRANSITIONS JS FILE -->
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<!-- CAROUSEL SLIDER JS FILE -->
<script type="text/javascript" src="js/flickr.js"></script>
<!-- FLICKR WIDGET JS FILE -->
<script type="text/javascript" src="js/instagram.js"></script>
<!-- INSTAGRAM WIDGET JS FILE -->
<script type="text/javascript" src="js/jquery.twitter.js"></script>
<!--TWITTER WIDGET JS FILE -->
<script type="text/javascript" src="js/prettyPhoto.min.js"></script>
<!-- PRETTYPHOTO JS FILE -->
<script type="text/javascript" src="js/fitVids.js"></script>
<!-- FIT VIDEOS JS FILE -->
<script type="text/javascript" src="js/isotope.min.js"></script>
<!-- ISOTOPE JS FILE -->
<script type="text/javascript" src="js/custom.js"></script>
<!-- CUSTOMN JAVASCRIPT JS FILE -->
<!-- Style Switcher Files-->
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/styleswitch.js"></script>
<script type="text/javascript" src="js/colorpicker.js"></script>
<script type="text/javascript" src="js/switcher.js"></script>
<link rel="stylesheet" href="css/colorpicker.css" media="screen"/>
</head>
<body>

<div id="container"><!-- main container starts-->
	<div id="wrapp"><!-- main wrapp starts-->
		<header id="header"><!--header starts -->
		<div class="container">
			<div id="header-top">
				<a href="#" id="logo"><img src="images/logo.png" alt=""/></a><!--your logo-->
				<div id="header-links">
					Ruko Puri Hutama No.1, Jl. Pondok Timur Raya<br>
					Jatimulya Bekasi Timur 17510 Indonesia<br>
					Phone: (021) 8242-4255, 8242-4533
				</div>
			</div>
		</div>
		<div id="main-navigation"><!--main navigation wrapper starts -->
			<div class="container">
				<ul class="main-menu"><!--main navigation starts -->
					<li class="active"><a href="index-2.html" title="Home">Home</a></li>
					<li><a href="#">Our Services</a></li>
					<li><a href="#">Our Clients</a></li>
					<li><a href="#">Jobs</a></li>
					<li><a href="#">Contact Us</a></li>					
				</ul><!-- main navigation ends-->
				<nav class="top-search"><!-- search starts-->
				<form action="#" method="get">
					<button class="search-btn"></button>
					<input class="search-field" type="text" onblur="if(this.value=='')this.value='Search Job';" onfocus="if(this.value=='Search Job')this.value='';" value="Search Job"/>
				</form>
				</nav><!--search ends -->
			</div>
		</div><!--main navigation wrapper ends -->
		</header><!-- header ends-->
		<div id="content">
			
			
			<div id="layerslider"><!--layer slider starts-->
				<div class="ls-layer" style="slidedirection: top; slidedelay: 8500;">
					<h1 class="ls-s3 large_heading_01" style="top: 50px; left: 70px; durationin : 1500; slidedirection: top; slideoutdirection : top; delayin : 1100; ">Inti Bisnis</h1>
					<h2 class="ls-s3 large_heading_02" style="top: 90px; left: 70px; durationin : 1500; slidedirection: top; slideoutdirection : top; delayin : 800; ">PT. Dhasnarindo Karya Utama</h2>
					<h1 class="ls-s-2 ls_large_text_01" style="position: absolute; top:150px; left:70px; slidedirection : bottom; durationin : 1000; durationout : 1000; easingin : easeInOutBack; easingout : easeInOutQuint; delayin : 1000; delayout : 0; showuntil : 0;">
					Staff Placement</h1>
					<h1 class="ls-s-2 ls_large_text_01" style="position: absolute; top:195px; left: 70px; slidedirection : bottom; durationin : 1300; durationout : 1300; easingin : easeInOutBack; easingout : easeInOutQuint; delayin : 1300; delayout : 0; showuntil : 0;">
					Outsourcing</h1>
					<h1 class="ls-s-2 ls_large_text_01" style="position: absolute; top:240px; left: 70px; slidedirection : bottom; durationin : 1500; durationout : 1500; easingin : easeInOutBack; easingout : easeInOutQuint; delayin : 1500; delayout : 0; showuntil : 0;">
					Jasa Konsultasi dan Training</h1>					
					<img class="ls-s4" alt=" " style="top: 0px; left: 400px; durationin : 1500; durationout: 1000; slidedirection : left; slideoutdirection : left; " src="images/slider/layer/4/full_man.png">
				</div>
				<!--/ .ls-layer-->
				<div class="ls-layer" style="background-color:#fafafa; slidedirection: bottom; slidedelay: 8500;">
					<img class="ls-s-1 " src="images/slider/layer/1/item-01.png" alt=" " style="position: absolute; top: 0px; left:440px; slidedirection : bottom;durationin : 1000; durationout : 1000; easingin : easeInSine; easingout : easeOutSine; delayin : 300; delayout : 0; showuntil : 0; ">
					<h1 class="ls-s3 large_heading_01" style="top: 40px; left: 70px; durationin : 1500; slidedirection: top; slideoutdirection : top; delayin : 1000; ">Keuntungan</h1>
					<h2 class="ls-s3 large_heading_02" style="top: 80px; left: 70px; durationin : 1500; slidedirection: top; slideoutdirection : top; delayin : 800; ">Bekerja Sama dengan Kami</h2>
					<h1 class="ls-s-2 ls_large_text_01" style="position: absolute;  top:135px; left:70px; slidedirection : bottom; durationin : 1000; durationout : 1000; easingin : easeInOutBack; easingout : easeInOutQuint; delayin : 1000; delayout : 0; showuntil : 0;">
					Meringankan Beban Kerja Dept. HRD</h1>
					<h1 class="ls-s-2 ls_large_text_01" style="position: absolute; top:180px; left: 70px; slidedirection : bottom; durationin : 1300; durationout : 1300; easingin : easeInOutBack; easingout : easeInOutQuint; delayin : 1300; delayout : 0; showuntil : 0;">
					Mempercepat Proses Seleksi</h1>
					<h1 class="ls-s-2 ls_large_text_01" style="position: absolute; top:225px; left: 70px; slidedirection : bottom; durationin : 1500; durationout : 1500; easingin : easeInOutBack; easingout : easeInOutQuint; delayin : 1500; delayout : 0; showuntil : 0;">
					Efisiensi Waktu & Tenaga</h1>
					<h1 class="ls-s-2 ls_large_text_01" style="position: absolute; top:270px; left: 70px; slidedirection : bottom; durationin : 1800; durationout : 1800; easingin : easeInOutBack; easingout : easeInOutQuint; delayin : 1800; delayout : 0; showuntil : 0;">
					Menghemat Biaya</h1>
					<h1 class="ls-s-2 ls_large_text_01" style="position: absolute; top:315px; left: 70px; slidedirection : bottom; durationin : 2100; durationout : 2100; easingin : easeInOutBack; easingout : easeInOutQuint; delayin : 2100; delayout : 0; showuntil : 0;">
					Membagi Resiko</h1>
					<h1 class="ls-s-2 ls_large_text_01" style="position: absolute; top:360px; left: 70px; slidedirection : bottom; durationin : 2500; durationout : 2500; easingin : easeInOutBack; easingout : easeInOutQuint; delayin : 2500; delayout : 0; showuntil : 0;">
					Meningkatkan Daya Saing Perusahaan</h1>
				</div>				
			</div><!--layer slider ends-->
			
			
			<div class="home-intro"><!--home intro starts-->
				<div class="container">
					<div class="one-half">
						<h4>Free Membership</h4>
						<p>
							Post your resume and Apply to Jobs instantly.
						</p>
					</div>
					<div class="one-half last">
						<a href="#" class="button color huge round">Sign Up Now</a> 			
					</div>
				</div>
			</div><!--home intro ends-->
			<div class="container">
				<div class="one-third"><!--block with icon starts-->
					<div class="img-holder">
						<i class="icon-wrench"></i>
					</div>
					<div class="feature-text">
						<h4>Our Services</h4>
						<p>
							 We supported by professional team of consultants who have gained experiences as human resources trendsetter, especially in handling overseas manufacturing companies and ...
						</p>
						<br/>
						<p>
							<a href="#" class="button color small round">Our Services</a>
						</p>
					</div>
				</div><!--block with icon ends-->
				<div class="one-third"><!--block with icon starts-->
					<div class="img-holder">
						<i class="icon-file-alt"></i>
					</div>
					<div class="feature-text">
						<h4>Latest Job</h4>
						<p>
							 LOWONGAN STAFF PURCHASING<br>
							 LOWONGAN KEPALA GUDANG<br>
							 LOWONGAN HRD SUPERVISOR<br>
							 LOWONGAN PPIC Asst.MANAGER<br>
							 LOWONGAN SALES Asst.MANAGER<br>
						</p>
						<br/>
						<p>
							<a href="#" class="button color small round">All Jobs</a>
						</p>
					</div>
				</div><!--block with icon ends-->
				<div class="one-third last"><!--block with icon starts-->					
					<div class="block-notice">			
						<h3>Log In</h3>
						<p><input type="text" size="30" name="username" onblur="if(this.value=='')this.value='Username';" onfocus="if(this.value=='Username')this.value='';" value="Username"></p>
						<p><input type="password" size="30" name="password" onblur="if(this.value=='')this.value='Password';" onfocus="if(this.value=='Password')this.value='';" value="Password"></p>
						<p>
							<a href="#" class="button small color round">Log In</a>
						</p>
					</div>
				</div><!--block with icon ends-->
			</div>
			<div class="latest-projects-wrapp">
				<div class="container">
					<div class="one-fourth">
						<h4>Our Clients</h4>
						<p>
							 We are proud to call the following companies our clients:
						</p>
						<br/>
						<p>
							<a href="#" class="button color small round">Our Clients</a>
						</p>
					</div>
					<div class="three-fourth last">
						<div class="jcarousel-container "><!--project carousel starts-->
							<ul id="projects-carousel">
								<li>
								<div class="portfolio-item">									
									<span class="portfolio-item-hover"></span><img src="images/portfolio/portfolio-item-1.jpg" alt=" "/>
									</a>
									<div class="portfolio-item-title">
										<a href="single-project.html">PT. ASIA ELECTRONIC INDUSTRIES</a>
										<p>
											 JAPAN COMPANY
										</p>
									</div>
								</div>
								</li>
								<li>
								<div class="portfolio-item">									
									<span class="portfolio-item-hover"></span><img src="images/portfolio/portfolio-item-2.jpg" alt=" "/>
									</a>
									<div class="portfolio-item-title">
										<a href="single-project.html">PT. BEKAERT INDONESIA</a>
										<p>
											 BELGIUM COMPANY
										</p>
									</div>
								</div>
								</li>
								<li>
								<div class="portfolio-item">									
									<span class="portfolio-item-hover"></span><img src="images/portfolio/portfolio-item-3.jpg" alt=" "/>
									</a>
									<div class="portfolio-item-title">
										<a href="single-project.html">PT. CHANG SHIIN</a>
										<p>
											 CHINA COMPANY
										</p>
									</div>
								</div>
								</li>
								<li>
								<div class="portfolio-item">									
									<span class="portfolio-item-hover"></span><img src="images/portfolio/portfolio-item-4.jpg" alt=" "/>
									</a>
									<div class="portfolio-item-title">
										<a href="single-project.html">PT. DONG IL INDONESIA </a>
										<p>
											 KOREA COMPANY
										</p>
									</div>
								</div>
								</li>
								<li>
								<div class="portfolio-item">									
									<span class="portfolio-item-hover"></span><img src="images/portfolio/portfolio-item-5.jpg" alt=" "/>
									</a>
									<div class="portfolio-item-title">
										<a href="single-project.html">PT. NGK CERAMIC INDONESIA</a>
										<p>
											 JAPAN COMPANY
										</p>
									</div>
								</div>
								</li>
								<li>
								<div class="portfolio-item">									
									<span class="portfolio-item-hover"></span><img src="images/portfolio/portfolio-item-6.jpg" alt=" "/>
									</a>
									<div class="portfolio-item-title">
										<a href="single-project.html">PT. PANASONIC GOBEL</a>
										<p>
											 JAPAN COMPANY
										</p>
									</div>
								</div>
								</li>
							</ul>
						</div><!--project carousel ends-->
					</div>
				</div>
			</div>

			<div id="copyrights"><!-- copyrights starts-->
				<div class="container">
					<div class="one-half">
						<p>
							PT. Dhasnarindo Karya Utama. Web Developed by <a href="index.html">KayanganLab.com</a>.
						</p>
					</div>
					<div class="one-half last">
						
					</div>
				</div>
			</div><!-- copyrights ends -->
		</div><!-- main content starts-->
	</div> <!-- main wrapp starts-->
</div><!-- main container ends-->

</body>


</html>